<template>
    <div class="Border" :class="{ HoverLinkStatus: LinkStatus }">
        <a-input-number size="small" style="width: 150px" />
        <span> // {{ option.description }} ( {{ option.type }} )</span>
    </div>
</template>
<script setup>
import { inject } from "vue";
const props = defineProps(["option"]);
const LinkStatus = inject("LinkStatus");
</script>
<style lang="less" scoped>
.Border {
    padding: 2px;
    border: 2px solid transparent;
}
.HoverLinkStatus:hover {
    border-color: rgb(169, 20, 206);
}
</style>
